<template>
    <header :style="{background:bg}">
        <span @click='back' v-if="ff" style="float:left;"><span v-if="ff1">《 </span>  返回</span>
        <h1 style="text-align:center">{{hh}}</h1>
    </header>
</template>
           
<script>
/* 
attribute：

属性名      数据类型  数据说明              默认值
bg          String    设置背景颜色          green
ff           Boolean   控制显示返回按钮      true
ff1           Boolean   控制j箭头显示       false

事件
事件名     说明       
app       实现点击返回按钮
*/
export default{
    props:{
        hh:{
            type:String,
            default:'首页'
        },
        bg:{
            type:String,
            default:'green'
        },
        ff:{
            type:Boolean,
            default:true
        },
        ff1:{
            type:Boolean,
            default:false
        },
    },
    methods:{
        back(){
            this.$emit('app')
        }
    }
             
}
</script>
<style scoped>
            
</style>

